var resetBtn = document.getElementsByClassName("Rset");
var ipt = document.getElementsByTagName("input");

var reg = /\D/g;


// 给每个输入框绑定按键和聚焦事件
for(var i=0 ; i<6;i++){
    (function(k){
        // 设置聚焦的时候出现重置按钮
        ipt[k].onkeydown = function(){
                resetBtn[k].style.display = "block";
        }
        // 设置输入框无内容时,重置按钮消失
        ipt[k].addEventListener("keyup",function(){
            if(ipt[k].value == ""){
                resetBtn[k].style.display = "none";
            }


            // 各种键盘响应事件
            //回车和上下切换输入框或着页面
            //特定位置的回车会触发注册或者登陆
            e = window.event;
            (function(){

                var keycode =e.which||e.keyCode;
             switch(keycode){
            // 回车事件
                case 13:{
                    // 当输入密码后按回车执行登陆
                    if(k+1 == 2){
                        signBtn.click();
                    }
                    // 当注册完信息按回车执行注册
                    else if(k+1 == 6){
                        reBtn.click();
                    }
                    // 其他情况按回车则是切换输入行
                    else{
                        ipt[k+1].focus();
                        ipt[k+1].select();
                    }
                   
                    break;

                }
                // 按键"上"事件
                  case 38:{
                // 如果处于注册界面的第一个输入框,按上则进入登陆界面的第一个输入框,锁定光标
                if(k-1 == 1){
                    toSign.click();
                    ipt[k-2].focus();
                    ipt[k-2].select();
                }
                // 其他情况就是向上移动光标
                else{
                    ipt[k-1].focus();
                    ipt[k-1].select();
                }
                break;
            }
            
            // 键盘"下"事件
                  case 40:{
                // 当光标在登陆界面的密码处时,向下则到注册界面的第一个输入框
                if(k+1 ==2){
                    toRegister.click();
                    ipt[k+1].focus();
                    ipt[k+1].select();
                }
                // 其他情况则是正常向下移动光标
                else{
                    ipt[k+1].focus();
                    ipt[k+1].select();
                }
                break;
                }
            }
            }())
        }) 

        // 点击重置按钮的事件
        // 清空输入框,重置按钮消失,直至输入框输入数据
        resetBtn[k].onclick = function(){   
            ipt[k].value="";
            resetBtn[k].style.display = "none";
        }

    })(i);
}


//正则表达式验证是否手机号码输入为数字并自动清空
ipt[5].onkeydown = function(){
    var str = ipt[5].value;
    if(reg.test(str)){
        alert("请输入数字！");
        ipt[5].value="";
        resetBtn[5].style.display = "none";

    }
    
    else{
        resetBtn[5].style.display = "block";
    }
}
ipt[5].onkeyup = function(){
    var str = ipt[5].value;
    if(reg.test(str)){
        alert("请输入数字！");
        ipt[5].value="";
        resetBtn[5].style.display = "none";
    }   
}

